<div class="col-xs-12 col-sm-6">
  <ul id="homeTabs" class="nav nav-tabs">
    <li class="active"><a href="#featured_container" data-toggle="tab" role="tab" id="featureTab"><%= t('sufia.homepage.featured_works.tab_label') %></a></li>
    <li><a href="#recently_uploaded" data-toggle="tab" role="tab" id="recentTab"><%= t('sufia.homepage.recently_uploaded.tab_label') %></a></li>
  </ul>
  <div class="tab-content">
    <div class="tab-pane fade in active" id="featured_container" role="tabpanel" aria-labelledby="featureTab">
      <%= render 'featured_works' %>
    </div>
    <div class="tab-pane fade" id="recently_uploaded" role="tabpanel" aria-labelledby="recentTab">
      <%= render 'recently_uploaded', recent_documents: @recent_documents %>
    </div>
  </div>
</div><!-- /.col-xs-6 -->

<div class="col-xs-12 col-sm-6">

  <% if Flipflop.assign_admin_set? %>
    <ul class="nav nav-tabs" role="tablist">
      <li class="active"><a aria-expanded="true" href="#tab-col2-first" role="tab" data-toggle="tab"><%= t('sufia.homepage.admin_sets.title') %></a></li>
      <li class=""><a aria-expanded="false" href="#tab-col2-second" role="tab" data-toggle="tab"><%= t('sufia.homepage.featured_researcher.tab_label') %></a></li>
    </ul>
    <div class="tab-content">
      <div class="tab-pane active" id="tab-col2-first">
        <h2 class="sr-only"><%= t('sufia.homepage.admin_sets.title') %></h2>
        <%= render 'explore_collections' %>
      </div>
      <div class="tab-pane" id="tab-col2-second">
        <h2 class="sr-only"><%= t('sufia.homepage.featured_researcher.title') %></h2>
        <%= render 'featured_researcher' %>
      </div>
    </div>
  <% else %>
    <h2><%= t('sufia.homepage.featured_researcher.title') %></h2>
    <%= render 'featured_researcher' %>
  <% end %>
</div>
